{% extends 'base.html' %}
{% load static from staticfiles %}

{% block title %}
    <title>登录</title>
{% endblock %}
{% block body %}
    <div class="layui-main">
        <form class="layui-form" method="post" action="{{ ff_path }}">
            {% csrf_token %}
            {#用户名#}
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text" name="username" required lay-verify="username" placeholder="请输入用户名"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            {#密码#}
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="password" name="password" required lay-verify="password" placeholder="请输入密码"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            {#提交#}
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" type="submit">登录</button>
                </div>
            </div>

        </form>
    </div>
    <div class="layui-tab" >
        <ul class="layui-tab-title">
            <li class="layui-this">网站设置</li>
            <li>用户基本管理</li>
            <li>权限分配</li>
            <li>全部历史商品管理文字长一点试试</li>
            <li>订单管理</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">1</div>
            <div class="layui-tab-item">2</div>
            <div class="layui-tab-item">3</div>
            <div class="layui-tab-item">4</div>
            <div class="layui-tab-item">5</div>
            <div class="layui-tab-item">6</div>
        </div>
    </div>

{% endblock %}
{% block scripts %}
    <script>
        layui.use('form', function () {
            //element模块的实例
            //返回的element变量为该实例的对象，携带一些用于元素操作的基础方法
            var element = layui.element;
            //更新全部  2.1.6 可用 element.render() 方法替代
            element.init();
            //各种基于事件的操作，下面会有进一步介绍
        });
    </script>
{% endblock %}

